<template>
  <CommonTipIcon
    :icon="iconComponent"
    :tooltipContent="tooltipContent"
    @click="changeThemeDrawer"
  />
  <el-drawer v-model="themeDrawerVisible" title="主题配置" size="50%">
    <div class="theme-drawer-content">
      <div class="theme-drawer-content-item">
        <span>主题色</span>
      </div>
    </div>
  </el-drawer>
</template>

<script setup lang="ts">
const tooltipContent = "主题配置";
const iconComponent = "majesticons:color-swatch-line";
const themeDrawerVisible = ref(false);
const changeThemeDrawer = () => {
  themeDrawerVisible.value = true;
};
</script>

<style lang="less"></style>
